<div class="topbar">
	<div class="fill">
		<div class="container">
			<h3><a href="#">Andoideando</a></h3>
	         <ul>
				<li class="active"><a href="#">Home</a></li>
				#{secure.check controllers.Security.BLUEHAT_ROLE}
				<li><a href="@{bluehat.backbone.FocusController.index()}">Bluehat</a></li>
				#{/secure.check}
				#{secure.check controllers.Security.ADMIN_ROLE}
				<li><a href="@{manager.ManagerController.index()}">Manager</a></li>
				#{/secure.check}
			</ul>
			#{if user}
			<ul class="nav secondary-nav">
				<li class="menu">
			        <a href="#" class="menu">${user}</a>
			        <ul class="menu-dropdown">
			        	<li><a href="#">Option 1</a></li>
			            <li><a href="#">Option 2</a></li>
			            <li class="divider"></li>
			            <li><a href="@{ApplicationController.logout()}">Logout</a></li>
			        </ul>
		    	</li>
	        </ul>
		    #{/if}  
		    #{else}
		    <ul id="login" class="nav secondary-nav">
				<li class="menu">
			        <a href="#" class="menu">Login</a>
			        <ul class="menu-dropdown">
			        	<li><a href="@{ApplicationController.google_apps()}">Login by Google</a></li>
			            <li><a href="@{M4FCityController.login()}">Login by M4F</a></li>
			        </ul>
		    	</li>
	        </ul>
		    #{/else}
		</div>
	</div>
</div>
